<template>
  <div class="csj-model">
    <Drawer
      title="添加社区"
      width="60%"
      v-model="isShowModel"
      @on-close="close"
    >
      <pub-area :inline="false" :isShowBtns="false" :isShowCommunity="false" :isShowGrid="false" ref="area"></pub-area>
      <Form :model="formItem" :label-width="80">
        <Form-item label="社区名称：">
          <Input v-model="formItem.name" placeholder="请输入"></Input>
        </Form-item>
         <Form-item label="社区编码：">
          <Input v-model="formItem.community_code" placeholder="请输入"></Input>
        </Form-item>
        <Form-item label="联系人：">
          <Input v-model="formItem.contact" placeholder="请输入"></Input>
        </Form-item>
        <Form-item label="联系方式：">
          <Input v-model="formItem.telephone" placeholder="请输入"></Input>
        </Form-item>
        <Form-item label="地址：">
          <Input v-model="formItem.address" placeholder="请输入"></Input>
        </Form-item>
      </Form>
      <div class="csj-drawer-footer">
        <Button @click="close">取消</Button>
        <Button @click="confirm" type="primary" class="ml10">确定</Button>
      </div>
    </Drawer>
  </div>
</template>
<script lang="ts" src="./community-add.ts"></script>